
<div class="page-sidebar navbar-collapse collapse">
    <!-- BEGIN SIDEBAR MENU -->
    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->


    <ul class="page-sidebar-menu" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" ng-class="{'page-sidebar-menu-closed': settings.layout.pageSidebarClosed}">

        <!--<li class="sidebar-search-wrapper">-->
            <!--&lt;!&ndash; BEGIN RESPONSIVE QUICK SEARCH FORM &ndash;&gt;-->
            <!--&lt;!&ndash; DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box &ndash;&gt;-->
            <!--&lt;!&ndash; DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box &ndash;&gt;-->
            <!--<form class="sidebar-search sidebar-search-bordered">-->
                <!--<a href="javascript:;" class="remove">-->
                    <!--<i class="icon-close"></i>-->
                <!--</a>-->
                <!--<div class="input-group select-app">-->
                    <!--<ui-select name="productPlatform"class="ui-select-inline" ng-model="admin.product" required>-->
                        <!--<ui-select-match >-->
                            <!--{{$select.selected.name}}-->
                        <!--</ui-select-match>-->
                        <!--<ui-select-choices  repeat=" product in  admin.products">-->
                            <!--<span>{{::product.name}}</span>-->
                        <!--</ui-select-choices>-->
                    <!--</ui-select>-->
                    <!--&lt;!&ndash;<span class="input-group-btn">&ndash;&gt;-->
                        <!--&lt;!&ndash;<a href="javascript:;" class="btn submit">&ndash;&gt;-->
                            <!--&lt;!&ndash;<i class="icon-magnifier"></i>&ndash;&gt;-->
                        <!--&lt;!&ndash;</a>&ndash;&gt;-->
                    <!--&lt;!&ndash;</span>&ndash;&gt;-->
                <!--</div>-->
            <!--</form>-->
            <!--&lt;!&ndash; END RESPONSIVE QUICK SEARCH FORM &ndash;&gt;-->
        <!--</li>-->
        <li class="nav-item onFinishRenderFilters" ng-repeat="(menuIndex, menu) in admin.menus track by menu.id" onFinishRenderFilters class="open">

            <a href="#!/{{::menu.hyperlink}}" ng-class="{true: '', false: 'nav-link nav-toggle'}[menu.hyperlink!='#']" ng-if="menu.hyperlink!='#'">

                <i ng-class="::menu.icon"></i>
                <span class="title" ng-bind="::menu.name"></span>
                <span ng-class="{true: '', false: 'arrow'}[menu.hyperlink!='#']"></span>
            </a>
            <a href="javascript:;" ng-class="{true: '', false: 'nav-link nav-toggle'}[menu.hyperlink!='#']" ng-if="menu.hyperlink=='#'">
                <i ng-class="::menu.icon"></i>
                <span class="title" ng-bind="::menu.name"></span>
                <span ng-class="{true: '', false: 'arrow'}[menu.hyperlink!='#']"></span>
                </a>
            <ul class="sub-menu">
                <li ng-repeat="item in menu.items track by item.id" >
                    <a href="#!/{{::item.hyperlink}}">
                        <!--<i class="icon-puzzle"></i> -->
                        {{::item.name}} </a>
                </li>
            </ul>
        </li>
    </ul>
    <!-- END SIDEBAR MENU -->
</div>